<template>
  <div>
    <h2>我是孙</h2>
    <h5>{{count}}</h5>
    <button @click="add">我是按钮</button>
    <hr>
  </div>
</template>

<script>
export default {
    name:"Tab",
    data(){
        return {
            count :0
        }
    },
    methods:{
        add(){
            this.count++
        }
    },
    watch:{
        count:{
            //监听事件的动态，当count改变时，触发函数，然后利用$emit  $emit是实例上面的方法有两个参数，第一个参数是函数名字，第二个参数是传入的值
            handler(){
                this.$emit('changehandles',this.count)
            }
        }
    }
    
}
</script>

<style>
</style>